<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<script>
// 三种模式
//  alert 就不说了、
// prompt 窗口的输入一般
let age = prompt('How old are you?', 100);
alert(`You are ${age} years old!`); // You are 100 years old!
//   confirm 提供的是真假的
let isBoss = confirm("Are you the boss?");
// 真的就执行下面的
alert(132)


// 我们学习了与用户交互的 3 个浏览器的特定函数：

// alert
// 显示信息。
// prompt
// 显示信息要求用户输入文本。点击确定返回文本，点击取消或按下 Esc 键返回 null。
// confirm
// 显示信息等待用户点击确定或取消。点击确定返回 true，点击取消或按下 Esc 键返回 false。
// 这些方法都是模态的：它们暂停脚本的执行，并且不允许用户与该页面的其余部分进行交互，直到窗口被解除。

// 上述所有方法共有两个限制：

// 模态窗口的确切位置由浏览器决定。通常在页面中心。
// 窗口的确切外观也取决于浏览器。我们不能修改它。

let app=prompt('你叫什么','')
alert(app)

let year = prompt('In which year was ECMAScript-2015 specification published?', '');

if (year == 2015) alert( 'You are right!' );

// 三元运算
let company = prompt('Which company created JavaScript?', '');

(company == 'Netscape') ?
   alert('Right!') : alert('Wrong.');

//    switch 的例子（高亮的部分是执行的 case 部分）：
let a = 2 + 2;

switch (a) {
  case 3:
    alert( 'Too small' );
    break;
  case 4:
    alert( 'Exactly!' );
    break;
  case 5:
    alert( 'Too large' );
    break;
  default:
    alert( "I don't know such values" );
}
 </script>